<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
你最喜欢的书:
<input value="Java从入门到精通">
你最喜欢的章节
<input value="从删库到跑路">
<button id="aaa">还原修改</button>
<script>
    var input = document.getElementsByTagName('input')[0]
    var input1 = document.getElementsByTagName('input')[1]
   // input.value = 'zzzzzz';// 获取dom属性

    document.getElementById('aaa').onclick
    = function () {
        // 获取html属性
        // 这个属性,不会随着代码的执行而改变,永远拿的是最初值
        var htmlVal = input.getAttribute('value');
        input.value = htmlVal;


        var htmlVal1 = input1.getAttribute('value');
        input1.value = htmlVal1;


        // 尽量少用,不一定能成功
        // input.setAttribute('value','ccc');
      //  alert(htmlVal)
    }


</script>
</body>
</html>